<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/>

    <title>Header Fragment</title>
    <link href="../../static/css/cas.css" rel="stylesheet" th:remove="tag"/>
</head>
<body>
<header th:fragment="header" role="banner">

    <nav class="navbar navbar-expand-lg fixed-top">
        <a class="navbar-brand" href="#">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 336.82 167.83" class="logo">
                <defs>
                    <style>.cls-1 {
                        fill: #024d71;
                    }

                    .cls-2 {
                        fill: #74c163;
                    }</style>
                </defs>
                <title>cas_logo</title>
                <g id="Layer_2" data-name="Layer 2">
                    <path class="cls-1"
                          d="M217.72,469.85c-17.68,1.31-38.31,1-54.18-7.87-12.59-7-23.71-18.52-28.72-32.14a82,82,0,0,1-4.49-27.49c0-36.26,16.11-64.23,40.29-80.34,16.59-11.38,36-16.83,58.54-16.83,17.3,0,30.34,4,35.08,6.64l-9.48,27.73c-4.5-2.38-15.17-5.22-28.92-5.22s-26.78,4.27-36.5,12.33c-13.27,11.13-22,29.39-22,51.66,0,25.6,14.46,42.67,42.43,42.67a161.48,161.48,0,0,0,22.38-1.19Z"
                          transform="translate(-130.33 -305.18)"/>
                    <path class="cls-1" d="M322.77,398.75l-2.72-30.4c-.71-8.76-1.42-21.56-2.14-31.28h-.71c-4,9.72-8.53,22-12.8,31.28l-13.69,30.08-13.53,33.43-17.33,38.41h-36.5l78-159.75h43.85l18.49,159.75H327.87l-3.05-38.12Z" transform="translate(-130.33 -305.18)"/>
                    <path class="cls-1"
                          d="M364.31,438.85c12.27,3.81,21.29,5.19,36.22,5.19,13,0,20.87-6.71,20.87-19,0-9.24-6.87-14.93-21.57-22.75-16.82-9-32.94-21.8-32.94-42.42,0-32.24,28-51.91,62.81-51.91,19.19,0,30.57,4.27,37.44,7.82l-10.66,28.44a62.94,62.94,0,0,0-29.63-6.87c-15.88,0-24.17,7.82-24.17,16.59,0,9.48,9.72,15.17,23.23,22.75,19.43,10.19,31.52,23.23,31.52,42.43,0,35.55-29.44,55.72-64.71,53.8a231.52,231.52,0,0,1-24.78-2.61Z"
                          transform="translate(-130.33 -305.18)"/>
                </g>
                <g id="swoosh">
                    <path class="cls-2" d="M257.45,432.24a41.64,41.64,0,0,1,13.11-.32,39.17,39.17,0,0,1,16.89,6.2l0,0c10.55-15,29.11-25,50.24-25,19.75,0,37.34,8.85,48.16,22.28l1-.77c-12.85-17.31-37.44-29-65.67-29-26.92,0-50.54,10.65-63.81,26.65Z"
                          transform="translate(-130.33 -305.18)"/>
                </g>
            </svg>
        </a>

        <div class="collapse navbar-collapse" id="navbarSupportedContent">
            <ul class="navbar-nav mr-auto">
                <li class="nav-item dropdown">
                    <a id="casResourcesDropDown" class="nav-link dropdown-toggle" style="color: ghostwhite" href="#"
                       role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                    </a>
                    <div class="dropdown-menu" aria-labelledby="navbarDropdown">
                        <a th:href="@{/actuator}" class="dropdown-item"><i class="fa fa-cogs">&nbsp;</i>[[#{cas.login.resources.endpoints}]]</a>

                        <div class="dropdown-divider"></div>

                        <a class="dropdown-item" href="https://apereo.github.io/cas"><i class="fa fa-file-code">&nbsp;</i>[[#{cas.login.resources.wiki}]]</a>
                        <a class="dropdown-item" href="https://github.com/apereo/cas/pulls">
                            <i class="fa fa-code-branch">&nbsp;</i>[[#{cas.login.resources.pulls}]]
                        </a>
                        <a class="dropdown-item" href="https://apereo.github.io/cas/developer/Contributor-Guidelines.html">
                            <i class="fa fa-route">&nbsp;</i>[[#{cas.login.resources.contribguide}]]
                        </a>
                        <a class="dropdown-item" href="https://apereo.github.io/cas/Support.html">
                            <i class="fa fa-ambulance">&nbsp;</i>[[#{cas.login.resources.support}]]
                        </a>
                        <a class="dropdown-item" href="https://apereo.github.io/cas/Mailing-Lists.html">
                            <i class="fa fa-envelope">&nbsp;</i>[[#{cas.login.resources.mailinglist}]]
                        </a>
                        <a class="dropdown-item" href="https://gitter.im/apereo/cas"><i class="far fa-comment-dots">&nbsp;</i>[[#{cas.login.resources.chat}]]</a>
                        <a class="dropdown-item" href="https://apereo.github.io/"><i class="fa fa-rss"></i> [[#{cas.login.resources.blog}]]</a>
                    </div>
                </li>
            </ul>
        </div>

        <script>var countMessages = 0;</script>

        <div class="justify-content-end" id="narvarMessages">
            <ul class="navbar-nav mr-auto">
                <li class="nav-item">
                    <div class="btn-group">
                        <div class="btn-group btn-group-sm dropleft" role="group">
                            <button id="messagesButton" type="button" class="btn btn-info dropdown-toggle"
                                    data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                            </button>
                            <div class="dropdown-menu">
                                <a class="dropdown-item" th:if="${staticAuthentication}">
                                    <script>countMessages++;</script>
                                    <h5 class="dropdown-header" th:utext="#{screen.defaultauthn.title}"/>
                                    <span class="text text-wrap small" th:utext="#{screen.defaultauthn.heading}">
                                        Static AuthN is ONLY useful for demo purposes. It is recommended that you connect CAS to LDAP, JDBC, etc instead.
                                    </span>
                                </a>
                                <a class="dropdown-item" th:if="${not #httpServletRequest.secure}">
                                    <script>countMessages++;</script>
                                    <h5 class="dropdown-header" th:utext="#{screen.nonsecure.title}"/>
                                    <span class="text-wrap small" th:utext="#{screen.nonsecure.message}">
                                        Unsure Connection
                                    </span>
                                </a>
                            </div>
                        </div>
                    </div>
                </li>
            </ul>
        </div>

        <script>
            if (countMessages == 0) {
                $('#narvarMessages').remove();
            } else {
                $('#messagesButton').text("[" + countMessages + "]")
            }
        </script>
    </nav>


</header>
</body>
</html>
